.order-result-page {
	padding-bottom: 120rpx;
}
.order-result-header {
	background-color: #ffffff;
	.order-message {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 360rpx;
		background-image: url('https://s1.huishoubao.com/static/m/wxapp/ordered_img_bg@2x.png');
		background-repeat: no-repeat;
		background-size: cover;
		.message-header {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 36rpx;
			font-weight: bold;
			color: #2b2d2e;
			.icon-success {
				margin-right: 16rpx;
				width: 44rpx;
				height: 44rpx;
			}
		}
		.message-body {
			margin: 40rpx 0;
			font-size: 28rpx;
			color: #000000;
		}
		.message-footer {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26rpx;
			color: #646b70;
			.icon-tip {
				margin-right: 8rpx;
				width: 28rpx;
				height: 28rpx;
			}
			.red {
				color: #ff528d;
			}
		}
	}
	.order-info-cell {
		padding: 24rpx;
		.order-cell {
			display: flex;
			align-items: center;
			justify-content: space-between;
			line-height: 44rpx;
			font-size: 26rpx;
			color: #949ba1;
		}
	}
}
.order-result-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 6rpx 24rpx 2rpx rgba(135,142,160,.15);
	.button-content {
		display: flex;
		padding: 24rpx 12rpx;
		.button {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 12rpx;
			height: 88rpx;
			font-size: 32rpx;
			color: #2b2d2e;
			background: #f5f8fa;
			border-radius: 8rpx;
			&.yellow {
				background: #ffda05;
			}
		}
	}
}
.order-result-body {
	margin-top: 12rpx;
	padding: 24rpx;
	background-color: #ffffff;
	.recycle-tips-header {
		position: relative;
		padding-left: 12rpx;
		line-height: 28rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #2b2d2e;
		border-left: 6rpx solid #ffda05;
	}
	.recycle-tips-desc {
		margin-top: 24rpx;
		font-size: 26rpx;
		color: #ff3405;
	}
	.recycle-steps {
		display: flex;
		flex-wrap: wrap;
		.recycle-step {
			margin-top: 2%;
			margin-right: 2%;
			width: 49%;
			&:nth-child(2n) {
				margin-right: 0;
			}
			.step-image {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 280rpx;
				border-radius: 8rpx;
				overflow: hidden;
				.icon-step {
					width: 100%;
					height: auto;
				}
			}
			.step-desc {
				padding: 10rpx 20rpx;
				font-size: 26rpx;
				color: #2b2d2e;
			}
		}
	}
}